/***************************/
/* 		  BEER TICKS  	   */
/***************************/

/**CSS ERIC MEYERS RESET**/

html, body, div, span, h1, h2, h3, h4, h5, h6, p, font, img, ol, ul, li, a

{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 80%;
	font-family:'Open Sans', Arial, Helvetica, sans-serif;
	vertical-align: baseline;
	color:#FFF;
}

/***************************/
/* 		  GLOBAL 	       */
/***************************/

html {
	xoverflow:hidden;
}

body {
	background:url(../images/bg.jpg);
}

.backBtn {
	margin:10% 0 0 15%;
}


/***************************/
/* 		  WRAPPERS 	       */
/***************************/

#siteWrapper {
	width:800px;
	margin:0 auto;
}

#loginWrapper, #userWrapper, #beerWrapper, #honorWrapper, .listWrapper {
	width:768px;
	height:1024px;
	margin:0 auto;
}


#loginWrapper {
	background:url(../images/login_page_border.png) no-repeat;
	padding:0 5em;
}

#userWrapper {
	background:url(../images/user_page_border.png) no-repeat;
	clear:both;
	padding:7em 8em;
}

#beerWrapper {
	background:url(../images/honor_page_border.png) no-repeat top;
}

#honorWrapper {
	background:url(../images/honor_page_border.png) no-repeat;
	padding:6% 0;
}

.listWrapper {
	background:url(../images/list_page_border.png) no-repeat;
	padding-top:7%;
}

#registerWrapper{
	height:100%;
	width:75%;
	margin:0 auto;
	position:relative;
}

/***************************/
/* 			  TEXT 	       */
/***************************/

@font-face {
    font-family: 'BonvenoCFLight';
    src: url('../fonts/BonvenoCF-Light-webfont.eot');
    src: url('../fonts/BonvenoCF-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/BonvenoCF-Light-webfont.woff') format('woff'),
         url('../fonts/BonvenoCF-Light-webfont.ttf') format('truetype'),
         url('../fonts/BonvenoCF-Light-webfont.svg#BonvenoCFLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

#honorHeader h2, #honorCopy p, #subhead, #beerHeader h2, #abv h4, .beerRatingNumbers, .beerName, .listRatingNumbers, #registerWrapper form input, #userInfo li, #ubrewInfo li {
	font-family:'BonvenoCFLight', sans-serif;
}

#honorHeader h2, #beerHeader h2, #abv h4, .beerRatingNumbers  {
	text-transform:uppercase;
}

#beerCopy p, #abv h4, .beerRatingNumbers {
	color:#8b9a9a;	
}

#beerCopy h2, #abv p {
	color:#db934b;
}

#honorHeader h2 {
	color:#de7f1f;
	font-size:10em;
	letter-spacing:-.09em;
	margin-top:19%;
}

#honorCopy p, #honorCode p, #largeText, #mediumText {
	color:#939f9c;
}

#honorCopy p {
	clear:both;
	font-size:5em;
	line-height:1.4em;
}

#honorCode p, #largeText, #mediumText, #newUserLink, .loginLbl, #userName h3 {
	font-family:'Lobster', serif;
	line-height:1em;
}

.loginLbl, #newUserLink  {
	color:#567783;
}

#honorCode p {
	font-size:13em;
}

#largeText {
	font-size:1.8em;
}

#mediumText {
	font-size:1.3em;
}

#subhead {
	font-size:12px;
}

#beerHeader h2 {
	font-size:4em;
	color:#e08020;
	margin-left:.3em;
	line-height:1em;
}

#beerCopy p {
	font-size:4em;
	line-height:2em;
}

#beerType h3 {
	font-size:3.5em;
	font-weight:bold;
	color:#3e6879;
}

#abv h4 {
	font-size:14em;
}

.beerRatingNumbers {
	font-size:8em;
	margin-top:-4%;
	float:left;
}

#abv p {
	font-size:12em;
	margin:-5% 0 0 10%;
}

.beerName, .listRatingNumbers, .yourbeerName {
	font-size:24pt;
	color:#9faeae;
}

#beerCopy h2 {
	font-size:24px;
	font-weight:bold;
	margin:4px 0;
}

.loginLbl, #newUserLink  {
	font-size:8.5em;
	text-decoration:none;
}

#userName h3 {
	font-size:10em;
	color:#567783;

}

#userInfo li, #ubrewInfo li {
	color:#567783;
	font-size:4em;
	line-height:1.3em;
}

.info, .ubrew {
	font-weight:bold;
}

/***************************/
/* 		  REGISTER PAGE    */
/***************************/



#registerWrapper img{
	margin-left:22%;
	width:417px;
}

#registerWrapper form{
	text-align:left;
}

#registerWrapper form input{
	color:#de7f1f;
	width:100%;
}

#registerWrapper form label{
	font-family:'Lobster', serif;
	color:#567783;
	font-size:3.0em;
	margin-right:10px;
	width:100%;
	float:left;
}

/***************************/
/* 		  LOGIN PAGE  	   */
/***************************/

#logo {
	padding:5% 0 0 26%;
}

input[type=text], input[type=password] {
	width:85%;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	xheight:3.5em;
	font-size:6em;
	margin:2% auto;
	background-color:#f5f5f5;
	-webkit-box-shadow: 2px 2px 2px 2px #cccccc inset;
	-moz-box-shadow: 2px 2px 2px 2px #cccccc inset;
	box-shadow: 2px 2px 2px 2px #cccccc inset;
}

#submitBtn input {
	width:86%;
}

#submitBtn {
	margin:5% auto;
}

#formWrapper {
	margin:4% 5%;
}

.fieldInit {
	color:#999;
}

.fieldInput {
	color:#000;
}

.labelError {
	color:#ee109b;
	font-weight:bold;
	font-style:italic;
}

/***************************/
/* 		  USER PAGE  	   */
/***************************/

#userInfo {
	margin:5%;
}

#userInfoWrapper {
	width:43%;
	float:left;
	margin:5% 0 15% 0;
	height:22%;
}

#userIcon {
	margin:5% 0 0 7%;
	width:28%;
	float:left;
}

#userIcon img {
	width:100%;
}

#userInfo li, #ubrewInfo li {
	list-style-type:none;
}

.info {
	margin-bottom:.5em;
}

.ubrew {
	margin-bottom:9%;
}

#ubrewInfo {
	margin:2% 0 0 10%;
	float:left;
	width:32%;
}

.brewRating {
	margin:1.8em 0;
	float:left;
	width:150px;
}

.brewRatingNumber {
	float:left;
	width:25px;
	margin-top:25px;
	color:#939f9c;
	font-size:24pt;
}

.bestRating > .starWrapper, .brewRating > .starWrapper {
	margin:8% 0;
}

#btnWrapper {
	width:67%;
	float:left;
	margin:0 0 0 8%;
}


.listBtn img {
	width:100%;
}

#userRatingWrapper {
	float:left;
	width:40%;
	margin:2% 0 5%;
	height:20%;
}

/***************************/
/* 		MASTER LIST PAGE   */
/***************************/

.listContainer {
	background:url(../images/list_border.png) no-repeat top;
	display:none;
	width:73%;
	clear:both;
	margin:5% auto;
	overflow:hidden;
	padding-top:2%;
}

.list {
	overflow:hidden;
	width:550px;	
	margin:0 auto;
}

.list > li {
	list-style-type:none;
}

.listRow > li {
	margin-bottom:20px;
	padding-bottom:28px;
}

.listRow li {
	margin-bottom:40px;
}


.beerName {
	border-right:solid 5px #9faeae;
	height:90%;
	position:relative;
	overflow:hidden;
	width:37%;
	float:left;
}

.specificBeerBottom {
	width:60%;
	float:left;
}

.specificBeerBottom > div {
	float:left;
}

.listRatingStars {
	width:100px;
}

.listRatingNumbers {
	width:17%;
	margin:-3% 0 0 5%;
}

.checkmarkOn {
	background:url(../images/checkmark.png) no-repeat top left;
	width:70px;
	height:56px;	
	position:relative;
	margin-top:-20px;
}

.listPageRating {
	background:url(../images/icons/star-off-big.png) no-repeat;
	width:30px;
	height:30px;
	padding:10px 15px;
}

.listPageNumber {
	float:left;
}

.listPageNumber p {
	color:#939f9c;
	font-size:16px;
}

#masterList, #yourlistBeers {
	height:530px;
  	width:545px;

}

.scroller {
	-webkit-box-flex: 1;
	overflow: hidden;
	padding: 1em;
}

.listPageRatingWrapper {
	float: right;
	padding-left:6%;
}

.listPageRatingWrapper li, .yourlistPageRatingWrapper li {
	width:30px;
	height:20px;
	display:inline;
}

.specificBeerRow {
	border-bottom:solid 5px #9faeae;
	padding:3% 0 2% 0;
	height:5em;
	width:96%;
}

.specificBeerRow li {
	display:inline;
	list-style-type:none;
	float:left;
	margin-bottom:4px;
	height:62px;
	overflow:hidden;
}

.listWrapper input[id=search] {
	width:97%;
	float:left;
}

.inputWrapper {
	height:64px;
	margin:5% auto 0;
	width:72%;
}



/***************************/
/* 		  SCROLL BAR 	   */
/***************************/



#content
{
  padding: 10px;
}

#content p
{
  background-color: #dd0;
}

div.scrollbarpaper-container
{
  background-color: #ccc;
}

div.scrollbarpaper-track
{
  width: 10px;
  background-color: #ccc;
  padding-right:5px;
}

div.scrollbarpaper-drag
{
  background-color: #999;
  height:100px;
}

div.scrollbarpaper-drag-top
{
}

div.scrollbarpaper-drag-bottom
{
}

#content.scrollbarpaper-visible
{
  padding-right: 33px;
}

.touchScrollInner > * {
	list-style-type:none;
}

/***************************/
/* 		  BEER PAGE  	   */
/***************************/

#beerImg {
	margin:30% 0 0 20%;
	float:left;
}

#beerCopy {
	width:72%;
	float:left;
	height:50%;
	overflow:hidden;
}

#headerLine {
	margin:5% 0;
}

#ratingWrapper {
	width:20em;
	margin:7em 16em;
}

#beerRating {
	width:80%;
	float:left;
	margin:0 0;
	height:5em;
}

#beerType {
	width:76%;
	float:left;
	margin:3% 0;
}

#abv {
	float:left;
	width:66%;
	margin-left:40%;
}

#beerTickBtn {
	float:left;
	clear:both;
	margin:0 0 0 12%;
}

#beerTickBtn img {
	width:95%;
}

#leftWrapper {
	width:40%;
	float:left;
	clear:both;
}

#rightWrapper {
	width:60%;
	float:left;
	padding:9% 0 0 0;
	height:77%;
	overflow:hidden;
}

.beerPageRatingWrapper > .starWrapper {
	width:45%;
	margin-top:0;
}


#beerPageRatingNumber {
	margin:2% 0 0 19%;

}

.read-more, .read-less {
	cursor:pointer;
	color: #448fb5;
	font-size:10px;
}

.more {
	display:none;
}

#beerHeader {
	width:75%;
	margin-top:10%;	
}

#beerBackBtn {
	clear:both;
	width:10%;
	margin:0 0 0 20%;
}

/***************************/
/* 		  HONOR PAGE  	   */
/***************************/

#honorHeader {
	margin:0 0 0 13%;
}

#honorLogo {
	background: url(../images/honor_page_logoLG.png) no-repeat;
	width:177px;
	height:17%;
	float:left;
	margin:5% 0 0 14%;
}

#honorLine {
	background: url(../images/honor_page_underlineLG.png) no-repeat;
	background-size:100%;
	width:85%;
	height:16px;
}

#honorCopy {
	width:70%;
	margin:0 auto;
}

#honorCode {
	margin:-4% auto;
	width:70%;
}

#honorTickBtn {
	width:60%;
	margin:5% 0 0 12%;
}

#honorTickBtn img {
	width:100%;
}

/*****************************/
/*	    	RATINGS		  	 */
/*****************************/

.yellowStar, .greyStar, .halfStar {
	width:30px;
	height:30px;
	padding-bottom:20px;
}

.yellowStar {
	background:url(../images/icons/star-on-big.png) no-repeat;
	
}

.greyStar {
	background:url(../images/icons/star-off-big.png) no-repeat;
}

.halfStar {
	background:url(../images/icons/star-half-big.png) no-repeat;
}

.starWrapper {
	float:left;
	width:100%;
	height:40px;
}

.starWrapper li {
	list-style-type:none;
	float:left;
}

.stars {
	width:100px;
	float:left;
}

.stars input {
	display:inline;
	width:20px;
}


/***************************/
/* 		  MEDIA QUERIES    */
/***************************/



/*SMARTPHONES*/
@media only screen and (min-device-width: 421px) and (max-width:767px) {
	
	html, body {
		overflow:scroll;
	}

	/***************************/
	/* 		  WRAPPERS 	       */
	/***************************/

	#siteWrapper {
		width:100%;
		margin:0 auto;
	}


	#loginWrapper, #honorWrapper, #userWrapper, #beerWrapper, .listWrapper {
		background-size:100%;
		width:99%;
		margin:auto auto;
		padding:1% 0 0 0;
	}

	.listWrapper {
		padding:2em 0;
		overflow:auto;
	}

	/***************************/
	/* 			  TEXT 	       */
	/***************************/

	.loginLbl, #newUserLink {
		font-size:6.5em;
	}

	#userName h3 {
		font-size:8em;
	}
	
	#userInfo li, #ubrewInfo li {
		font-size:3em;
		line-height:1.2em;
	}

	#beerCopy p {
		font-size:3.5em;
	}

	.beerRatingNumbers {
		font-size:6.5em;
	}

	#abv h4 {
		font-size:12em;
	}

	#abv p {
		font-size:10em;
	}

	#honorHeader h2 {
		font-size:7em;
		margin-top:23%;
	}

	#honorCopy p {
		font-size:3.5em;
	}

	#honorCode p {
		font-size:8em;
	}

	/***************************/
	/* 		  LOGIN PAGE  	   */
	/***************************/

	#logo {
		padding:0 0;
	}

	#logo img {
		width:57%;
		margin:2% 0 0 34%;
	}

	#formWrapper {
		margin:2% 0 0 10%;
	}

	input[type=text], input[type=password] {
		max-width:100%;
		font-size:5em;
	}

	#submitBtn input {
		max-width:89%;
	}

	#submitBtn {
		margin:3% 0;
	}

	/***************************/
	/* 		  USER PAGE  	   */
	/***************************/

	#userName {
		margin:0 0;
	}
	
	#userInfoWrapper {
		margin:11% 0 12% 0;
		float:left;
		max-width:50%;
		max-height:16%;
		min-height:10%;
	}

	#userIcon {
		margin:11% 0 0 15%;
		float:left;
	}

	#userIcon img {
		width:99%;
	}

	#btnWrapper {
		margin:2% 0 0 12%;
		width:72%;
	}

	#ubrewInfo {
		margin:3% 0 0 13%;
	}

	#userRatingWrapper {
		height:13%;
		margin:3% 0;
	}


	#yListBtn, #mListBtn {
		margin:0 0;
	}

	/***************************/
	/* 		  LIST PAGE  	   */
	/***************************/

	.listContainer {
		margin:10% auto;
		height:38em;
		background-size:100%;
		overflow:visible;
	}

	.specificBeerRow {
		border-bottom:solid 3px #9faeae;
		height:4em;
		width:67%;
		padding:3% 0 9% 2%;
	}

	.specificBeerRow li {
		height:1;
	}

	.specificBeerBottom {
		width:80%;
		float:left;
		margin-top:10px;
	}
	
	.inputWrapper {
		width:65%;
		height:26px;
	}

	.listWrapper input[id=search] {
		margin: 8% 0 0 0;
	}	

	.beerName {
		width:60%;
		border:none;
		float:left;
		padding-bottom:1%;
	}

	.listPageRatingWrapper {
		padding:0;
		margin-right:5%;
	}

	.listRatingNumbers {
		width:14%;
	}

	
	/***************************/
	/* 		  BEER PAGE  	   */
	/***************************/

	#beerImg img {
		width:100%;
	}

	#headerLine img {
		width:100%;
	}

	#beerType {
		width:73%;
	}

	#beerTickBtn {
		width:59%;
	}

	#beerTickBtn img {
		width:100%;
	}

	#rightWrapper {
		height:49%;
	}

	.beerPageRatingWrapper > .starWrapper {
		width:55%;
	}

	/***************************/
	/* 		  HONOR PAGE  	   */
	/***************************/

	#honorLogo {
		margin:10% 0 0 15%;
		background-size:100%;
		width:20%;
		height:12%;

	}

	#honorLine {
		width:83%;
	}


}



/*****LANDSCAPE******put device back in the min and max when finished*/
@media screen and (min-device-width: 300px) and (max-device-width: 481px) and (orientation:landscape)   {

	html, body {
		overflow:visible;	
	}


	/***************************/
	/* 		  WRAPPERS 	       */
	/***************************/

	#siteWrapper {
		width:100%;
	}


	#loginWrapper, #honorWrapper, #userWrapper, #beerWrapper, .listWrapper {
		background-size:100%;
		width:100%;
		padding:2em 0 0 0;
	}

	.listWrapper {
		padding:2em 0;
	}

	/***************************/
	/* 			  TEXT 	       */
	/***************************/


	#newUserLink, .loginLbl  {
		font-size:6em;
	}

	#userInfo li, #ubrewInfo li {
		font-size:2.5em;
	}	

	#abv h4 {
		font-size:8em;
	}
	
	#abv p {
		font-size:6em;
	}

	#honorHeader h2 {
		font-size:7em;
	}

	#honorCopy p {
		font-size:3em;
	}

	#honorCode p {
		font-size:7.5em;
	}

	/***************************/
	/* 		  LOGIN PAGE  	   */
	/***************************/

	

	#logo img {
		width:55%;
		margin-left:35%;
	}

	input[type=text], input[type=password] {
		max-width:80%;
	}

	#formWrapper {
		margin-left:12%;
	}

	/***************************/
	/* 		  USER PAGE  	   */
	/***************************/

	#userName h3 {
		font-size:22px;
	}

	#userName {
		margin:0 0;
		float:left;
		width:12em;
	}

	#userInfoWrapper {
		margin:10% 0 3% 0;
		height:18%;
	}

	#userInfo {
		float:left;
		width:10em;
	}
	
	#userIcon {
		margin:10% 0 0 15%;
		width:27%;
		float:left;
	}

	#userIcon img {
		width:100%;
		background-size:100%;
	}

	.info, .ubrew {
		margin-bottom:.5em;
	}

	#btnWrapper {
		margin:0 0 0 13%;
		width:70%;
	}

	.brewRating {
		margin:1.8em 0 0 0;
	}

	#yListBtn, #mListBtn {
		width:100%;
	}

	#userRatingWrapper {
		height:12%;
		margin-top:2%;
	}

	/***************************/
	/* 		  LIST PAGE  	   */
	/***************************/

	.listContainer {
		background-size:100%;
		overflow:visible;
	}

	.specificBeerRow {
		height:8.5em;
		width:60%;
	}

	.specificBeerBottom {
		width:100%;
	}

	
	.inputWrapper {
		margin-top:7%;
	}

	.listWrapper input[id=search] {
		font-size:3em;

	}
	
	.beerName {
		border:none;
		width:82%;
		height:45%;
	}

	.listPageRatingWrapper {
		padding:0;
		width:55%;
		float:left;
	}

	.listPageRatingWrapper li {
		width:17%;
	}
	
	.listRatingNumbers {
		float:left;
	}	


	/***************************/
	/* 		  BEER PAGE  	   */
	/***************************/

	#beerImg {
		margin:38% 0 0 20%;
		width:80%;
	}

	#beerImg img {
		width:100%;
	}

	#headerLine {
		width:90%;
	}

	#headerLine img {
		width:100%;
	}

	#beerTickBtn {
		margin:2% 0 0 13%;
		width:57%;
	}

	#beerTickBtn img {
		width:100%;
	}

	#rightWrapper {
		height:40%;
	}

	.beerPageRatingWrapper > .starWrapper {
		width:55%;
	}


	.brewRating img {
		width:13%;
	}

	/***************************/
	/* 		  HONOR PAGE  	   */
	/***************************/

	#honorLogo {
		margin:7% 0 0 15%;
		background-size:100%;
		width:20%;
		height:9%;

	}

	#honorLine {
		width:83%;
	}


	/*****************************/
	/*	    	RATINGS		  	 */
	/*****************************/

	.yellowStar, .greyStar, .halfStar {
		background-size:100%;
		padding-bottom:0;
	}

	.starWrapper {
		width:19em;
		float:left;
	}


	.stars input {
		display:inline;
		width:15px;
	}

}

/*iphone portrait insert device*/
@media only screen and (max-width: 479px) and (orientation:portrait) {

	/***************************/
	/* 		  GLOBAL 	       */
	/***************************/

	html {
		overflow:visible;
	}

	body {
		overflow:visible;
	}

	.backBtn {
		width:55%;
	}

	.backBtn img {
		width:50%;
	}


	/***************************/
	/* 		  WRAPPERS 	       */
	/***************************/

	#siteWrapper {
		width:100%;
		margin:0 auto;
	}

	#loginWrapper {
		width:320px;
		background-size:100%;
		padding:0 0;
	}

	#honorWrapper, #userWrapper, #beerWrapper, .listWrapper {
		background-size:100%;
		width:100%;
		margin:0 auto;
		padding:2em 0 0 0;
	}

	.listWrapper {
		padding:3em 0;
	}

	/***************************/
	/* 			  TEXT 	       */
	/***************************/


	#beerPageRatingNumber {
		font-size:4em;
	}
	

	#abv h4 {
		font-size:5em;
	}

	#abv p {
		font-size:4em;
	}

	#beerType h3 {
		font-size:2.7em;
	}

	#beerCopy p {
		font-size:2.7em;
		line-height:1.5em;
	}

	#rightWrapper > .beerRatingNumbers{
		font-size:3.5em;
		margin-left:5%;
	}

	.brewRatingNumber {
		font-size:12em;
	}

	#userInfo li, #ubrewInfo li {
		font-size:2em;
		line-height:1.2em;
	}

	#newUserLink, .loginLbl  {
		font-size:4em;
	}

	#honorHeader h2 {
		font-size:4em;
	}

	#honorCopy p {
		font-size:2.5em;
		line-height:1.2em;
	}

	#honorCode p {
		font-size:4.5em;
	}

	
	/***************************/
	/* 		  LOGIN PAGE  	   */
	/***************************/

	#logo {
		padding:0 0;
	}

	#logo img {
		width:55%;
		margin:5% 0 0 33%;
	}

	input[type=text], input[type=password] {
		font-size:2.5em;
		-webkit-border-radius: 7px;
		-moz-border-radius: 7px;
		border-radius: 7px;
		background-color:#f5f5f5;
		-webkit-box-shadow: 2px 2px 2px 2px #cccccc inset;
		-moz-box-shadow: 2px 2px 2px 2px #cccccc inset;
		box-shadow: 2px 2px 2px 2px #cccccc inset;
	}

	#submitBtn {
		margin:3% auto;
	}

	#formWrapper {
		margin:3% auto;
		width:90%;
		padding-left:10%;

	}

	/***************************/
	/* 		  USER PAGE  	   */
	/***************************/

	#userName h3 {
		font-size:4.5em;
	}

	#userName {
		margin:0 0;
		float:left;
		width:70%;
	}

	#userInfoWrapper {
		height:10%;
		margin:7% 0 10% 0;
	}

	
	#userIcon {
		padding:0 0;
		margin:5% 0 0 15%;
	}

	#userIcon img {
		background-size:100%;
	}

	.info, .ubrew {
		margin-bottom:.5em;
	}

	.ubrewTitle {
		margin-top:6%;
	}

	#ubrewInfo {
		padding:0 0;
		margin:3% 0 0 15%;
	}

	#btnWrapper {
		margin-left:17%;
	}

	.brewRating {
		margin:1.8em 0 0 0;
	}

	.bestRating > .starWrapper, .brewRating > .starWrapper {
		margin:2% 0;
	}

	#userRatingWrapper {
		margin-top:3%;
		height:8%;
	}

	.ratingWrapper {
		margin-top:7%;
		margin-left:2%;
	}

	/***************************/
	/* 		  LIST PAGE  	   */
	/***************************/

	.listContainer {
		width:70%;
		background-size:100%;
		margin:5% auto;
		padding:1% 0;
		height:220px;
		overflow:hidden;
	}

	.specificBeerRow {
		border-bottom:solid 3px #9faeae;
		height:6.5em;
		padding:2% 0 1% 0;
		width:40%;
	}

	.specificBeerBottom {
		width:100%;
		height:50%;
	}

	.specificBeerRow li {
		height:3em;
	}

	#masterList, #yourListBeers {
		height:500px;
	}

	.listPageRatingWrapper {
		padding:0 0;
		width:65%;
		margin-top:3%;
	}

	.listPageRatingWrapper li {
		width:14%;
	}

	.listRatingNumbers {
		width:9%;
		margin:-5% 0 0 0;
	}

	.beerName {
		width:100%;
		border-right:0;
		line-height:0;
		padding:5% 0;
		margin:0 0;
		height:0;
		overflow:visible;
	}

	.checkmarkOn {
		width:39px;
		background-size:100%;
		margin:3% 0 0 0;
	}

	.listRatingNumbers {
		width:35px;
	}

	.inputWrapper {
		width:65%;
		margin:2% auto 0;
		height:30px;
	}

	.listWrapper input[id=search] {
		margin-top:5%;
	}

	/***************************/
	/* 		  BEER PAGE  	   */
	/***************************/

	#beerImg {
		margin:15% 0 0 15%;
		width:90%;
	}

	#beerImg img {
		width:100%;
	}

	#beerCopy {
		width:80%;
		float:left;
	}

	#headerLine img {
		width:100%;
	}

	#beerRating {
		height:3.5em;
	}

	#beerType {
		width:85%;
	}

	#beerTickBtn {
		width:60%;
	}

	#beerTickBtn img {
		width:100%;
	}

	#rightWrapper {
		width:59%;
		height:25%;
		overflow:hidden;
	}

	.beerPageRatingWrapper > .starWrapper {
		width:50%;
		height:2em;
		float:left;
	}

	.beerPageRatingWrapper > .starWrapper li, .brewRating img {
		width:16px;
	}

	#beerPageRating.brewRating {
		margin-top:3%;
	}

	#beerPageRatingNumber {
		margin-top:-15%;
		float:right;
	}

	
	#beerHeader {
		width:77%;
		margin-top:1%;	
	}

	/***************************/
	/* 		  HONOR PAGE  	   */
	/***************************/

	#honorLogo {
		background-size:100%;
		width:23%;
		height:8%;
	}

	#honorLine {
		width:80%;
	}

	#honorCode {
		margin:-2% auto;		
	}

	/*****************************/
	/*	    	RATINGS		  	 */
	/*****************************/

	.starWrapper {
		height:18px;
	}

	.yellowStar, .greyStar, .halfStar {
		padding-bottom:0px;
		background-size:100%;
		width:20px;
		height:20px;
	}



}













